<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/_linkPages/basePath.jsp" %>
<!DOCTYPE html>
<%--电话资讯 微信咨询--%>
<!-- saved from url=(0066)http://www.maomijiaoyi.com/index.php?/chanpinxiangqing_237396.html -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>出售宠物猫当天下单当天发货送到你手中</title>

    <link rel="stylesheet" href="${basePath}jsp/hs/css/comment.css">
    <link rel="stylesheet" href="${basePath}jsp/hs/css/goodsdetail_20181112.css">
    <script src="js/hm.js"></script>
    <script src="js/hm.js(1)"></script>
    <script src="js/push.js"></script>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/comment.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/share.js"></script>
    <link rel="stylesheet" href="${basePath}jsp/hs/css/share_style0_16.css">
    <style id="tsbrowser_video_independent_player_style" type="text/css">
        [tsbrowser_force_max_size] {
            width: 100% !important;
            height: 100% !important;
            left: 0px !important;
            top: 0px !important;
            margin: 0px !important;
            padding: 0px !important;
            transform: none !important;
        }

        [tsbrowser_force_fixed] {
            position: fixed !important;
            z-index: 9999 !important;
            background: black !important;
        }

        [tsbrowser_force_hidden] {
            opacity: 0 !important;
            z-index: 0 !important;
        }

        [tsbrowser_hide_scrollbar] {
            overflow: hidden !important;
        }

        [tsbrowser_display_none] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }

        [tsbrowser_force_show] {
            /*display: black !important;*/
            visibility: visible !important;
            opacity: 0;
        }</style>
    <link rel="stylesheet" href="${basePath}jsp/hs/css/imgshare.css">
</head>
<body>
<!-- 引入公共头部 -->
<!-- 网页头部 -->
<%@ include file="cat/head.jsp"%>

<div id="content">

    <div class="center_1220 img_tu">
        <img src="${basePath}jsp/hs/img/goods_list.jpg" data-bd-imgshare-binded="1" alt="">
    </div>

    <div class="center_1220">
        <!-- 面包屑导航栏 Crumbs_nav-->
        <div class="bread_crumb">

            你的位置:
            <a target="_blank" href="#">猫咪交易网 &gt;</a>

            <a href="#"><span>买猫卖猫</span> &gt;</a>

            <a href="#"> <span>${requestScope.catPost.catbreed}</span> &gt;</a>

            <a href="#"><span>${requestScope.catPost.posttitle}</span> </a>

        </div>
    </div>

    <div class="center_1220 detail">
        <div class="left top">

            <!-- 图片 -->
            <div class="detail_tu">
                <!-- 检测图片是否存在 -->

                <div class="big_img">
                    <img src="${basePath}varieties?method=showPic&pic=${requestScope.catPost.pic1}" alt=""
                         data-bd-imgshare-binded="1">
                </div>

                <div class="small_img">

                    <div>
                        <img src="${basePath}varieties?method=showPic&pic=${requestScope.catPost.pic1}" alt=""
                             data-bd-imgshare-binded="1">
                    </div>

                    <div>
                        <img src="${basePath}varieties?method=showPic&pic=${requestScope.catPost.pic2}" alt=""
                             data-bd-imgshare-binded="1">
                    </div>

                    <div>
                        <img src="${basePath}varieties?method=showPic&pic=${requestScope.catPost.pic3}" alt=""
                             data-bd-imgshare-binded="1">
                    </div>

                    <div>
                        <img src="${basePath}varieties?method=showPic&pic=${requestScope.catPost.pic4}" alt=""
                             data-bd-imgshare-binded="1">
                    </div>

                </div>

            </div>

            <!-- 文字简单解释 -->
            <div class="detail_text">
                <div class="title">
                    ${requestScope.catPost.posttitle}
                </div>

                <div class="info1">

                    <div>
                        <span>价格</span>
                        <span class="red size_24">${requestScope.catPost.catpice}<span>元/只</span></span>
                    </div>

                    <div>
                        <span class="red">卖家承诺: 无条件包退换</span>
                    </div>
                </div>

                <div class="info2">

                    <div>
                        <div>在售只数</div>
                        <div class="red">${requestScope.catPost.dsnum}只</div>
                    </div>
                    <div>
                        <div>年龄</div>
                        <div class="red">${requestScope.catPost.catsge}个月</div>
                    </div>
                    <div>
                        <div>品种</div>
                        <div class="red">${requestScope.catPost.catbreed}</div>
                    </div>
                    <div>
                        <div>预防</div>
                        <div class="red">${requestScope.catPost.ym}</div>
                    </div>

                </div>

                <div class="user_info">

                    <div>
                        <div class="c999">联系人　:</div>
                        <div class="c333">${requestScope.catPost.people}</div>
                    </div>
                    <div>
                        <div class="c999">联系电话:</div>
                        <div class="c333">${requestScope.catPost.tel}</div>
                    </div>
                    <div>
                        <div class="c999">异地运费:</div>
                        <div class="c333">
                                包运费！签协议！
                        </div>
                    </div>

                </div>

                <div class="button">

                    <div class="tel">
                        <img src="${basePath}jsp/hs/img/gougou_tel.jpg" data-bd-imgshare-binded="1" alt="">
                        <span>电话咨询：${requestScope.catPost.tel}</span>
                    </div>

                    <div class="weixin">
                        <img src="${basePath}jsp/hs/img/gougou_weixin.jpg" data-bd-imgshare-binded="1" alt="">
                        <span>微信咨询：${requestScope.catPost.wechat}</span>
                    </div>

                </div>

            </div>

            <!-- 猫咪信息 -->
            <div class="gougou_info">

                <div class="timu">
                    <span></span>
                    猫咪信息
                </div>

                <div class="xinxi_neirong">

                    <div class="item">
                        <div class="item_timu">基本信息</div>
                        <div class="item_neirong">
                            <div>
                                是否纯种: <span class="c333">
                                ${requestScope.catPost.cz}
                                                                           </span>
                            </div>
                            <div>
                                猫咪品种: <span class="c333">${requestScope.catPost.catbreed}</span>
                            </div>
                            <div>
                                待售数量: <span class="c333">${requestScope.catPost.dsnum}只待售</span>
                            </div>
                            <div>
                                猫咪性别: <span class="c333">
                                ${requestScope.catPost.catgender}
                                         
                                    </span>
                            </div>
                        </div>
                    </div>

                    <div class="item">
                        <div class="item_timu">健康防御</div>
                        <div class="item_neirong">
                            <div>
                                疫苗情况: <span class="c333">
                                ${requestScope.catPost.ym}
                                   </span>
                            </div>
                            <div>
                                驱虫情况: <span class="c333">
                                ${requestScope.catPost.qc}
                                                                            </span>
                            </div>
                            <div>
                                猫咪年龄: <span class="c333">
                                       ${requestScope.catPost.catsge}个月
                                    </span>
                            </div>

                        </div>
                    </div>

                </div>

                <!-- 帖子详情 -->
                <div class="timu">
                    <span></span>
                    帖子详情
                </div>

            </div>

            <div id="post_neirong">
                ${requestScope.catPost.description}
            </div>
        </div>

        <div class="clear"></div>
    </div>
</div>

<!-- 弹窗 -->
<div class="heimu tel" style="height: 984px;">

    <div class="kuang">
        <img src="${basePath}jsp/hs/img/colse1.png" data-bd-imgshare-binded="1" alt="">

        <div class="title">
            <img src="${basePath}jsp/hs/img/tan_tel.jpg" data-bd-imgshare-binded="1" alt="">
            <div class="text">电话咨询</div>
        </div>

        <div class="content">
            <div class="name" style="margin-top: 0;">
                用户:宠悦连萌
            </div>
            <div class="nums">
                17521659512
            </div>
            <div class="wenzi">
                联系我时,请说是在猫咪交易网看到的谢谢!
            </div>
        </div>

    </div>

</div>

<!-- 弹窗 -->
<div class="heimu weixin" style="height: 984px;">

    <div class="kuang">
        <img src="${basePath}jsp/hs/img/colse1.png" data-bd-imgshare-binded="1" alt="" >

        <div class="title">
            <img src="${basePath}jsp/hs/img/tan_weixin.jpg" data-bd-imgshare-binded="1">
            <div class="text">微信添加</div>
        </div>

        <div class="content">
            <div class="name" style="margin-top: 0;">
                用户:宠悦连萌
            </div>

            <img class="img" src="${basePath}jsp/hs/img/a123d6c1c9d56a9dd97b73c5d030e15b.jpg"
                 data-bd-imgshare-binded="1">
            <div class="wenzi">
                联系我时,请说是在猫咪交易网看到的谢谢!
            </div>
        </div>

    </div>

</div>

<!-- 引入公共尾部 -->
<!-- 网页底部 -->
<div id="footer">

    <div class="logo">
        <div class="logo_kuang">
            <div>
                <a href="http://localhost:8080/jsp/hs/index.jsp">
                    <img alt="猫咪交易网" title="猫咪交易网" src="${basePath}jsp/hs/img/logo(1).png" data-bd-imgshare-binded="1">
                </a>
            </div>
        </div>
    </div>


    <div class="banquan">
        <div class="center_1220">
            版权所有：猫咪交易网 www.maomijiaoyi.com 友情链接互换:qq 3416807849
        </div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            【免责声明：本站所有猫猫交易信息内容系用户自行发布，其真实性、合法性由发布人负责，本站不提供任何保证，亦不承担任何法律责任！】
        </div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            <a style="color: #FFF;" href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank">
                <img src="${basePath}jsp/hs/img/foot_link3.png" data-bd-imgshare-binded="1">
                沪ICP备18022709号-1 </a>
        </div>
    </div>

</div>

<!-- 分享代码 -->
<script>window._bd_share_config = {
    "common": {
        "bdSnsKey": {},
        "bdText": "",
        "bdMini": "2",
        "bdPic": "",
        "bdStyle": "0",
        "bdSize": "16"
    },
    "share": {},
    "image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"},
    "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
};
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>

<script type="text/javascript">

    // 四张图轮播
    $('#content .detail>.left>.detail_tu .small_img>div>img').hover(function () {
        $('#content .detail>.left>.detail_tu .big_img>img').attr('src', $(this).attr('src'));
    });

    // ==================点击弹窗===================
    $('.heimu .kuang>img').hover(function () {
        $(this).attr('src', 'application/views/TPL_SIMPLE//images/colse2.png');
    }, function () {
        $(this).attr('src', 'application/views/TPL_SIMPLE//images/colse1.png');
    });

    $('.heimu').css('height', $(window).height());

    $(window).resize(function () {
        $('.heimu').css('height', $(window).height());
    });

    //电话点击
    $('#content .detail>.left>.detail_text .button .tel').click(function () {

        $('.heimu').css('display', 'block');
    });

    // 微信点击
    $('#content .detail>.left>.detail_text .button .weixin').click(function () {
        $('.heimu').css('display', 'block');
    });

    $('.heimu.kuang>img').click(function () {
        $('.heimu').css('display', 'none');
    });
    // ================== 结束 ===================
</script>

<!--统计推送代码 -->
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>(function () {
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860" : "https://jspassport.ssl.qhimg.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860";
    document.write('<script src="' + src + '" id="sozz"><' + '/script>');
})();
</script>
<script src="js/11.0.1.js" id="sozz"></script>
<script charset="utf-8" src="js/ab77b6ea7f3fbf79.js"></script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?23fbce55531257651dbfcbae5485642b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1277225427'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1277225427%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
<span id="cnzz_stat_icon_1277225427"><a href="https://www.cnzz.com/stat/website.php?web_id=1277225427" target="_blank"
                                        title="站长统计"><img border="0" hspace="0" vspace="0"
                                                          src="${basePath}jsp/hs/img/pic1.gif"
                                                          data-bd-imgshare-binded="1"></a></span>
<script src="${basePath}jsp/hs/img/z_stat.php" type="text/javascript"></script>
<script src="${basePath}jsp/hs/img/core.php" charset="utf-8" type="text/javascript"></script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?994b09cad3c737b3ac2cf94ec2019284";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
